<template>
  <div class="firstHome">
    <div class="div1">
      <h2>歌单推荐</h2>
      <div1/>
      <h2>新歌首发</h2>
      <div2/>
      <h2>独家放送</h2>
      <div3/>
      <h2>排行耪</h2>
      <div4/>
    </div>
  </div>
</template>

<script>
import div1 from '@/components/homeCom/div1'
import div2 from '@/components/homeCom/div2'
import div3 from '@/components/homeCom/div3'
import div4 from '@/components/homeCom/div4'
export default {
    name:'firstHome',
    data(){
      return{

      }
    },
    components:{
      div1,
      div2,
      div3,
      div4
    },
    methods:{
      
    }
}
</script>

<style lang="less" scoped>
  .firstHome{
    .div1{
      h2{
        margin-top: 32px;
        text-align: center;
      }
    }
  }
</style>